<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>登录日志管理</title>
<!-- 引入easyui 的主题样式  和  easyui 提供的图标样式 -->
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/themes/bootstrap/easyui.css" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/themes/icon.css" />
<!-- 引入jquery 和  easyui.js   中文设置js-->
<script type="text/javascript"
	src="${pageContext.request.contextPath}\js\jquery-1.9.1.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/easyui-lang-zh_CN.js"></script>
</head>
<script type="text/javascript">
$(function(){
	//登录日志数据表格
	$('#log').datagrid({
		
		url : 'loginlog',
		columns : [ [ {
			field : 'ck',
			width : 100,
			checkbox : true
		}, {
			field : 'lid',
			title : '日志编号',
			width : 100,
			hidden : true
		}, {
			field : 'uid',
			title : '用户编号',
			width : 100,
			align:'center'
		}, {
			field : 'uname',
			title : '用户名',
			width : 150,
			align:'center'
		} , {
			field : 'ltime',
			title : '登录时间',
			width : 400,
			align:'center'
		}] ],
		rownumbers : true,
		pagePosition : 'bottom',
		pagination : true,
		pageSize : 10,
		pageList : [ 5, 10, 15 ],
	});
	$('.easyui-combobox').next(".combo").hide();
	$('#uname').next().hide();
	$('#searchname').hide();
	$('#searchdate').hide();
	//登录时间菜单按钮
	$('#mm').menubutton({    
		onClick:function(){
			$('.easyui-combobox').next(".combo").show();
			$('#uname').next().hide();
			$('#searchdate').show();
			$('#searchname').hide();
		}   
	}); 
	//用户名菜单按钮
	$('#mb').menubutton({    
		onClick:function(){
			$('#uname').next().show();
			$('.easyui-combobox').next(".combo").hide();
			$('#searchname').show();
			$('#searchdate').hide();
		}   
	}); 
	//搜索用户名
	$('#searchname').linkbutton({
		onClick : function() {
			var uname = $('#uname').textbox('getValue');
			//登录日志表数据表格
			$('#log').datagrid({
				url : 'searchlogbyuname',
				queryParams:{
					'uname':uname,			
				},
				
		})
		}
	});
	//搜索时间
	$('#searchdate').linkbutton({
		onClick : function() {
			var year = $('#year').combobox('getValue');
			var month = $('#month').combobox('getValue');
			var day = $('#day').combobox('getValue');
			//成绩表数据表格
			$('#log').datagrid({
				url : 'searchlogbydate',
				queryParams:{
					"year":	year,		
					"month":month,			
					"day":	day		
				},
				
		})
		}
	});
	//搜索返回
	$('#yes').linkbutton({
		onClick : function() {
			$('#log').datagrid({
				url : 'loginlog',			
		});
			$('.easyui-combobox').next(".combo").hide();
			$('#uname').next().hide();
			$('#searchname').hide();
			$('#searchdate').hide();
		}
	});
});
</script>
<body>
<!-- 搜索工具栏 -->
	<div id="searchlog">
	<a href="javascript:void(0)" id="mb" class="easyui-menubutton"     
        data-options="menu:'#mm'">用户名</a> 
       
<div id="mm" style="width:150px;">   
    <div>登录时间</div>
</div>  
<input class="easyui-textbox" data-options="buttonText:'用户名：',buttonAlign:'left'"
				id="uname" type="text" name="uname"
				style="width: 300px; height: 25px">  

<select id="year" class="easyui-combobox"
				name="year" style="width: 100px; height: 25px">
				<option>2017年</option>
				<option>2016年</option></select>
				
				<select id="month" class="easyui-combobox"
				name="month" style="width: 100px; height: 25px">
				<option>01月</option><option>02月</option><option>03月</option><option>04月</option><option>05月</option><option>06月</option><option>07月</option><option>08月</option><option>09月</option><option>10月</option><option>11月</option><option>12月</option>
				</select>
				
				<select id="day" class="easyui-combobox"
				name="day" style="width: 100px; height: 25px">
				<option>01日</option><option>02日</option><option>03日</option><option>04日</option><option>05日</option><option>06日</option><option>07日</option><option>08日</option><option>09日</option><option>10日</option>
				<option>11日</option><option>12日</option><option>13日</option><option>14日</option><option>15日</option><option>16日</option><option>17日</option><option>18日</option><option>19日</option><option>20日</option>
				<option>21日</option><option>22日</option><option>23日</option><option>24日</option><option>25日</option><option>26日</option><option>27日</option><option>28日</option><option>29日</option><option>30日</option><option>31日</option>
				</select>
			
				<a id="searchname"  name = "searchname" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">搜索</a> 
				<a id="searchdate"  name = "searchdate" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">搜索</a> 
<a id="yes"  name = "yes" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-undo'">搜索返回</a>
</div>	
		   

<!-- 登录日志表 -->
<table id="log"></table>
</body>
</html>